<template>
  <div class="home">
    <NavBar>
      <template v-slot:default>主页</template>
      <template v-slot:right>...</template>
    </NavBar>
    <banner-bar :bannerdata="banners"></banner-bar>
    <recommend :recommends="recomments"></recommend>
    <tab></tab>

  </div>
</template>

<script>
import NavBar from '../../components/mobile/NavBar.vue'
import BannerBar from '../../components/mobile/BannerBar.vue'
import Recommend from '../../components/mobile/Recommend.vue'
import tab from '../../components/mobile/TabComp.vue'
export default {
  name: 'MobileHomeView',
  data() {
    return{
      banners: [
        require('@/assets/images/0.jpg'),
        require('@/assets/images/1.jpg')
      ],
      recomments: [
        {
          url: require('@/assets/images/book.jpg'),
          title: '加油'
        },
        {
          url: require('@/assets/images/book1.jpg'),
          title: 'HTML'
        },
        {
          url: require('@/assets/images/book3.jpg'),
          title: 'Python'
        }
      ]
    }
  },
  components: {
    NavBar,
    BannerBar,
    Recommend,
    tab
  }
}
</script>
